import _ from 'lodash';
function useResize() {
  const sw = 1423;//设计稿宽度
  const sh = 817;//设计稿高度
  const bili = 1423 / 817;//比例 
  const ww = document.documentElement.clientWidth;//当前窗口宽度
  const hh = document.documentElement.clientHeight;//当前窗口高度
  const rw = ww / hh;//当前窗口比例
  let wh = 1;//缩放比例
  if (rw > bili) {//窗口比例大于设计稿比例
    //窗口比例大于设计稿比例
    wh =document.documentElement.clientHeight/sh
  } else {
    //窗口比例小于设计稿比例
    wh = document.documentElement.clientWidth/sw;
  }
  //设置body的缩放比例
  document.body.style.transform = `scale(${wh}) translateX(-50%)`; 
}
//监听窗口大小变化
window.onresize = _.debounce(() => {
    useResize();
}, 500);

export default useResize;


// 计算跟字体的大小 ，给html 设置 font-size


// rem 适配     375px   div  p span   100px  
// 页面  700px  375
// 等比例的放大缩小设计稿    
// 设计师的设计稿是375   1rem = 100px;
//  375 / 100  ==  window.innerWidth / ?
// window.innerWidth / 375 * 100; ===  页面字体的大小
// window.onload =function(){
  
//   const size= window.innerWidth /375 * 100 +'px';
//   document.body.parentNode.style.fontSize = size;
// }

// window.onresize = function(){
//   const size= window.innerWidth /375 * 100 +'px';
//   document.body.parentNode.style.fontSize = size;
// }



